<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/faq.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <script src="./js/index.js" defer></script>

    <style>

    </style>
</head>

<body>
    <header class="nav">
        <div class="nav pd no-copy">
            <a href="">
                <img width="271" height="51" src="./assets/1-24062QKJ93C.png" alt="" />
            </a>
            <div class="box navbox">
                <div class="list">
                    <a href="./index.html">Home</a>
                </div>
                <div class="list">
                    <a href="./about.html">About</a>
                </div>
                <div class="list">
                    <a href="./faq.html">Faq</a>
                </div>
            </div>
            <div class="box3">
                <div style="color: #fff; font-size: 30px" class=" emun iconfont icon-santiaogang"></div>
                <div style="color: #fff; font-size: 30px;display: none;" class=" close iconfont icon-guanbi"></div>
                <div class="box-list">
                    <div>
                        <a href="./index.html">Home</a>
                    </div>
                    <div>
                        <a href="./about.html">About</a>
                    </div>
                    <div>
                        <a href="./faq.html">Faq</a>
                    </div>
                </div>
            </div>

        </div>
    </header>
    <div style="height: 83px"></div>

    <section>
        <div class="pd">
            <div>
                <div class="tab pd">
                    <div class="dh">Home</div>
                    <div class="iconfont icon-right-1-copy dh"></div>
                    <div class="dh">
                        Faq
                    </div>
                </div>
                <div class="h"></div>
            </div>
            <div class="box2">
                <div class="left">
                    <div class="left_box">
                        <h2 class="title"><a href="./details.html">Still have some questions?</a></h2>
                        <div class="content">There are less than 12 registrarsThere are less than 12 registrars</div>
                        <div class="author">admin</div>
                    </div>
                    <div class="left_box">
                        <h2 class="title"><a href="./details.html">A business email is an email address that matches</a>
                        </h2>
                        <div class="content">A business email is an email address that matches A business email is an
                            email address that matches A business email is an email address that matches</div>
                        <div class="author">admin</div>
                    </div>
                    <div class="left_box">
                        <h2 class="title"><a href="./details.html">Still have some questions?</a></h2>
                        <div class="content">There are less than 12 registrarsThere are less than 12 registrars</div>
                        <div class="author">admin</div>
                    </div>
                    <div class="left_box">
                        <h2 class="title"><a href="./details.html">Still have some questions?</a></h2>
                        <div class="content">There are less than 12 registrarsThere are less than 12 registrars</div>
                        <div class="author">admin</div>
                    </div>
                    <div class="left_box">
                        <h2 class="title"><a href="./details.html">Still have some questions?</a></h2>
                        <div class="content">There are less than 12 registrarsThere are less than 12 registrars</div>
                        <div class="author">admin</div>
                    </div>
                    <div class="left_box">
                        <h2 class="title"><a href="./details.html">Still have some questions?</a></h2>
                        <div class="content">There are less than 12 registrarsThere are less than 12 registrars</div>
                        <div class="author">admin</div>
                    </div>
                    <div style="padding: 20px 0; text-align: center">
                        <!-- 分页 -->
                        <div class="pagination">
                            <div class="pagination-box active">1</div>
                            <div class="pagination-box">2</div>
                        </div>
                    </div>
                </div>
                <div class="right">

                    <div class="">
                        <div class="list2">
                            <div class="index circular">
                                1
                            </div>
                            <div class="right_title">Still have some questions?</div>
                        </div>
                        <div class="list2">
                            <div class="index circular">
                                2
                            </div>
                            <div class="right_title">Still have some questions?</div>
                        </div>
                        <div class="list2">
                            <div class="index circular">
                                3
                            </div>
                            <div class="right_title">Still have some questions?</div>
                        </div>
                        <div class="list2">
                            <div class="index">
                                4
                            </div>
                            <div class="right_title">Still have some questions?</div>
                        </div>
                        <div class="list2">
                            <div class="index">
                                5
                            </div>
                            <div class="right_title">Still have some questions?</div>
                        </div>
                        <div class="list2">
                            <div class="index">
                                6
                            </div>
                            <div class="right_title">Still have some questions?</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script>
        const pagination = document.querySelectorAll('.pagination-box')
        for (let i = 0; i < pagination.length; i++) {
            pagination[i].addEventListener('click', function () {
                for (let j = 0; j < pagination.length; j++) {
                    pagination[j].className = 'pagination-box'
                }
                pagination[i].className = 'pagination-box active'
            })
        }
    </script>
    <footer>
        <div class="footer">
            <div class="footer-box">
                <div style="margin-bottom: 15px;">
                    Social Media
                </div>
                <div>
                    <img src="../assets/github.png" alt="">
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            www.names.com
        </div>
    </footer>
</body>

</html>